<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        * {
            margin: 0;
            padding: 0;
            list-style: none;
        }

        #box {
            width: 100%;
            height: 1000px;
            background-color: rgb(224, 224, 224);
            overflow: hidden;
        }

        #box1 {
            width: 1000px;
            height: 500px;
            box-sizing: border-box;
            /* border: 1px solid black; */
            margin: 0 auto;
            margin-top: 20px;
        }

        #box1>div {
            width: 1000px;
            height: 120px;
            /* background-color: aquamarine; */
        }

        hr {
            margin-top: 10px;
            margin-bottom: 10px;
            color: rgb(201, 136, 50);
        }

        #box1>div>img {
            /* display: block; */
            width: 200px;
            height: 120px;
        }

        #box1>div>div {
            vertical-align: top;
            display: inline-block;
            width: 780px;
            height: 120px;
            /* background-color: rgb(194, 74, 74); */
            margin-left: 10px
        }
        .bdp1{
            font-size: 18px;

        }
        .bdp2{
            font-size: 12px;
            color: rgb(161, 161, 161);
            margin-bottom: 20px;
        }
        .bdp3{
            font-size: 14px;
            text-align: justify;
        }
    </style>
</head>

<body>
    <div id="box">
        <div id="box1">
            <div>
                <img src="../../img/作业2_01.gif" width="200px" height="120px">
                <div>
                    <p class="bdp1">史上最全网游编年史之不可诗意的网游时代</p>
                    <p class="bdp2"> 2014年12月9日</p>
                    <p class="bdp3">12月9日下午两点,史上最全网游编年
                        史来袭!腾讯游戏高级品牌经理刘智鹏(光芒)带来250页的PPT干货分享
                        近三小时脱口秀;带您回顾历史，理清思路:揭示规律，指引未来。</p>
                </div>
            </div>
            <hr width="" color="rgb(211, 211, 211)"; noshade="none" size="1">
            <div><img src="../../img/作业2_02.gif" width="200px" height="120px">
                <div>
                    <p class="bdp1">秒选族·斗牛趴</p>
                    <p class="bdp2">2014年11月17日</p>
                    <p class="bdp3">11月17日相约腾讯汇，犀利导师和秒选青年间展开的
                        关于"选择"的思想交锋!【秒选族，斗牛趴】一敢选·敢炫·敢争锋
                        。秒选族们，来，斗一场!
                        选择，我要的现在就要!一起来看看这场在“犀利导师”和“秒选
                        青年”间展开的关...</p>
                </div>
            </div>
            <hr width="" color="rgb(211, 211, 211)"; noshade="none" size="1">
            <div><img src="../../img/作业2_03.gif" width="200px" height="120px">
                <div>
                    <p class="bdp1">腾讯创业公开课[深圳站]</p>
                    <p class="bdp2">2014年9月19日</p>
                    <p class="bdp3">腾讯创业公开课是腾讯公司2014年的重要活动，由腾讯
                        开放平台与腾讯大学合办。通过邀请专家学者、行业翘楚举办一系列大型公开课、论坛，为
                        创业者解决困惑，提升创业能力，扶持创业者最终走向创业成功之路，</p>
                </div>
            </div>
            <hr width=""  color="rgb(211, 211, 211)"; noshade="none" size="1">
        </div>
    </div>
</body>

</html>